.fluent-autocomplete-multiselect div[role=listbox] {
    overflow-y: auto;
    max-height: 300px;
    outline: none;
    padding: 2px;
    display: inline-flex;
    flex-direction: column;
}

    .fluent-autocomplete-multiselect div[role=listbox] ::deep fluent-option {
        min-height: 32px;
    }

        /* This first fluent-option will be selected when user presses Enter */
        .fluent-autocomplete-multiselect div[role=listbox] ::deep fluent-option:not([disabled])[selectable] {
            border: var(--neutral-fill-strong-hover) solid 1px;
        }

        .fluent-autocomplete-multiselect div[role=listbox] ::deep fluent-option:not([disabled]):not([selected])[selectable]::before {
            background: unset !important;
        }

.fluent-autocomplete-multiselect ::deep fluent-text-field::part(start) {
    max-width: calc(100% - 80px);
}

.fluent-autocomplete-next {
    height: 25px;
}

.fluent-autocomplete-previous {
    height: 25px;
}

/* Auto-height */
.fluent-autocomplete-multiselect[auto-height] ::deep .auto-height {
    width: max-content;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 4px;
    overflow-x: hidden;
    overflow-y: auto;
}

.fluent-autocomplete-multiselect[auto-height] ::deep fluent-text-field::part(root) {
    min-height: calc((var(--base-height-multiplier) + var(--density)) * var(--design-unit) * 1px);
    height: auto;
    padding: 4px 0;
}


.fluent-autocomplete-multiselect[single-select] ::deep fluent-text-field::part(control) {
    display: none;
}

.fluent-autocomplete-multiselect[single-select] ::deep fluent-text-field:not([disabled]):active::after {
    width: 100%;
}

.fluent-autocomplete-multiselect[single-select] ::deep fluent-text-field::part(start) {
    max-width: calc(100% - 40px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

@media (forced-colors: active) {

    .fluent-autocomplete-multiselect div[role=listbox] {
        border: calc(var(--stroke-width)* 1px) solid transparent;
    }

        .fluent-autocomplete-multiselect div[role=listbox] ::deep fluent-option:not([disabled]):not([selected])[selectable] {
            forced-color-adjust: none;
            background: highlight;
            color: highlighttext;
        }
}
